<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>咖啡</title>
    <link rel="stylesheet" href="./font/iconfont.css">
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/public.css">
    <link rel="stylesheet" href="./css/index.css">
</head>
<body id="bd">
    <!-- 头部 -->
   <header>
        <a href="#"><img src="./images/首页_02.png" alt=""></a>
        <div>
            <a href="./index.html" class="active">首页</a>
            <a href="./html/index 关于我们_3.html">关于我们</a>
            <a href="./html/index 产品展示.html">产品介绍</a>
            <a href="./html/index 团队介绍_1 copy.html">我们团队</a>
            <a href="./html/index 联系我们.html">联系我们</a>
        </div>
   </header>
    <!-- 轮播图 -->
    <div id="banner">
        <div class="banxin">
            <div>
                <div>浓香咖啡</div>
                <div>
                    <h6></h6><span>给你一个浓情的午后时光</span>
                    <h6></h6>
                </div>
                <div>The taste of a cup of standard coffee should not be bitter. A qualified barista will be
                    strict in every step.</div>
                <div>一杯标准的咖啡味道不应该是苦涩的 一名合格的
                    咖啡师会严谨每一步操作</div>
            </div>
    
        </div>
    </div>
    <!-- 关于我们 -->
   <div id="body1">
       <div class="banxin">
        <h2>
            <div>关于我们</div>
            <div>
                <div></div>
                <span>About Us</span>
                <div></div>
            </div>
            <div><img src="./images/首页_03.png" alt=""></div>
        </h2>
        <div>
            <div>
                <img src="./images/首页_07.png" alt="">
            </div>
            <div>
                <h2>公司简介</h2>
                <p>二十世纪三十年代，巴西咖啡豆生产过剩， 剩余的咖啡豆只能当燃料消耗，非常可惜。 当巴
                    西政府向雀巢公司寻求咖啡豆过剩的解决方法的时候 ， 并没有意识到这最终成就了一个历久弥醇
                    的伟大的咖啡品牌。 1930年，巴西咖啡连续经历了几次大丰收，短期内难以完全销售，便向雀巢
                    求助， 求令咖啡不失香醇的长 期保存方式。 咖啡权威——马克思•莫根特尔(Max Morgenthal
                    er)立刻同他的研究 队伍着手研究，试图制造一种既可以较好保存咖啡芳香又易溶于热水的"固体咖
                    啡"。经过在雀巢瑞士实验室长达七年的不懈努力，30年代末，雀巢向市场推出速溶咖啡，“雀巢
                    咖啡”品牌创立。</p>
                <p>1988年，雀巢通过考察确定云南适宜种植咖啡，决定支持云南省的咖啡种植。随后于1992年
                    在云南思茅地区成立咖啡农艺服务部，帮助当地发展咖啡种植业。 1997年， 雀巢公司在西双版纳
                    创建试验示范农场，从零开始，让农民得到方方面面的实际培训，大大促进了当地小粒种咖啡豆的
                    发展，并使一个产量低、质量次的咖啡豆产地发展成一个产量高、质量优且已引起全球咖啡界关注
                    的咖啡豆产地。雀巢不仅让农民通过种植咖啡获得了稳定的收入,当地农民通过向雀巢了解国际现货
                    市场价格甚至自己上网查询交易网站的价格，学会根据波动分析销售咖啡的时机。</p>
            </div>
        </div>
       </div>
    
   </div>
    <!-- 标题 -->
    <div id="header">
        <div>浓香咖啡 让你享受每一个美好的午后时光</div>
    </div>
    <!-- 产品介绍 -->
    <div id="body2">
        <h2>
            <div>产品介绍</div>
            <div>
                <div></div>
                <span>Product</span>
                <div></div>
            </div>
            <div><img src="./images/首页_03.png" alt=""></div>
        </h2>
        <div>
            <dl>
                <dt>
                    <img src="./images/首页_13.png" alt="">
                    <a href="./html/index 产品展示2.html" target="kf"><i class="iconfont">&#xe8b9;</i></a>
                </dt>
                <dd>拿铁咖啡</dd>
                <dd>拿铁咖啡是意大利浓缩咖啡(Espresso)与牛奶的经典
                    混合，意大利人也很喜欢把拿铁作为早餐的饮料，带
                    来让人难以忘怀的味道</dd>
            </dl>
            <dl>
                <dt>
                    <img src="./images/首页_15.png" alt="">
                    <a href="./html/index 产品展示.html" target="kf"><i class="iconfont">&#xe8b9;</i></a>
                </dt>
                <dd class="active">卡布基诺</dd>
                <dd class="active">卡布奇诺是一种加入以同量的意大利特浓咖啡和蒸
                    汽泡沫牛奶相混合的意大利咖啡。象卡布奇诺教会
                    的修士头巾一样，咖啡因此得名</dd>
            </dl>
            <dl>
                <dt>
                    <img src="./images/首页_17.png" alt="">
                    <a href="./html/index 产品展示3.html" target="kf"><i class="iconfont">&#xe8b9;</i></a>
                </dt>
                <dd>摩卡咖啡</dd>
                <dd>摩卡咖啡(CafeMocha)是一种最古老的咖啡，其历
                    史要追溯到咖啡的起源。它是浓缩咖啡、鲜奶油和
                    牛奶混合而成，摩卡得名于有名的摩卡港</dd>
            </dl>
        </div>
    </div>
    <!-- 公司团队 -->
    <div id="body3">
        <h2>
            <div>公司团队</div>
            <div>
                <div></div>
                <span>Product</span>
                <div></div>
            </div>
            <div><img src="./images/首页_03.png" alt=""></div>
        </h2>
        <div>
            <a> 
                <img src="./images/人物 (2).png" alt="">
                <div>
                    <p>贾斯汀·比伯</p>
                    <p>Justin Bieber</p>
                    <p>贾斯汀出生于1994年3月1日的加拿大安大略省伦敦的圣若...</p>
                </div>
            </a>
            <a>
                <img src="./images/人物 (3).png" alt="">
                <div><p>查理·普斯</p>
                    <p>Charlie Puth</p>
                    <p>查理·普斯出生于1994年3月1日的加拿大安大略省伦敦的圣若...</p></div>
            </a>
            <a>
                <img src="./images/人物 (4).png" alt="">
                <div><p>艾薇儿·拉维尼</p>
                    <p>Avril Lavigne</p>
                    <p>艾薇儿·拉维尼出生于1994年3月1日的加拿大安大略省伦敦的圣若...</p></div>
            </a>
            <a>
                <img src="./images/人物 (1).png" alt="">
                <div><p>泰勒·斯威夫特</p>
                    <p>Taylor Swift</p>
                    <p>泰勒出生于1994年3月1日的加拿大安大略省伦敦的圣若...</p></div>
            </a>
        </div>
    </div>
    <!-- 联系我们 -->
    <main>
        <h2>
            <div>联系我们</div>
            <div>
                <div></div>
                <span>Product</span>
                <div></div>
            </div>
            <div><img src="./images/首页_03.png" alt=""></div>
        </h2>
        <div>
            <img src="./images/地图.png" alt="">
            <div>
                <div>
                    <i class="iconfont">&#xe88b;</i>
                    <div>
                        <p>咨询热线</p>
                        <p>Information Hotline</p>
                        <a href="#">重庆：+86 023-867-7848</a>
                        <p>（09：30~18：30 北京时间）</p>
                    </div>
                </div>
                <div>
                    <i class="iconfont">&#xe67e;</i>
                    <div>
                        <p>公司地址</p>
                        <p>Company address</p>
                        <a href="#">地址：重庆大坪龙湖时代天街3号写字楼2407室</a>
                        <p>（09：30~18：30 北京时间）</p>
                    </div>
                </div>
                <div>
                    <i class="iconfont">&#xe60b;</i>
                    <div>
                        <p>公司邮箱</p>
                        <p>E-mail</p>
                        <a href="#">邮箱：info@haitouglobal.com</a>
                        <p>（09：30~18：30 北京时间）</p>
                    </div>
                </div>

            </div>
        </div>
    </main>
    <!-- 底部 -->
    <footer>
        <div>
            <div>
                Copyright © <a href="#">重庆duzu有限公司</a> | duzu备案号 <a href="#">33010602001878</a>  号 版权所有：<a href="#"> 重庆戈登有限公司</a>
            </div>
            <a href="#"><img src="./images/首页_02.png" alt=""></a>
        </div>

    </footer>
    <!-- 注册弹窗 -->
    <div id="register">
        <div class="div1">
            <img src="./images/首页_02.png" alt="">
            <span>欢迎加入DUZU会员</span>
            <i class="iconfont register">&#xe65e;</i>
            <i class="iconfont hide">&#xe621;</i>
        </div>
        <div class="div2">
            <h1>点击给你一个浓情的午后时光<i class="iconfont">&#xe622;</i>
            </h1>
            <h2>点击右面图标开启鼠标特效模式 =></h2>
        </div>
    </div>
            <!-- 开始鼠标特效模式 -->
    <i id="texiao" class="iconfont">&#xe60c;</i>
    
    <script src="./js/index.js"></script>
    <script src="./js/animation2.js"></script>
</body>
</html>